<template>
    <div @click="onClick">
        <Tsx01></Tsx01>
    <div :class="['fontC', fontC]">base</div>
    </div>

</template>
<script lang="ts" setup>
  import {reactive, watch, computed,ref} from 'vue'
  import Tsx01 from "./tsx01.vue"

  let fontC = ref("fontBig")

  const onClick = ()=>{
    console.log("base========")
  }
</script>

<style scoped>
    .fontC{
        color: red;
    }

    .fontBig{
        font-size: 48px;
    }
</style>